<template>
	<view class="list uflex-a-j_fsc">
		<image :src="item.userpic" mode="widthFix" lazy-load></image>
		<view>
			<view>{{item.username}}</view>
			<view class="tagsex"><tag-sex-age :sex="item.sex" :age="item.age"></tag-sex-age></view>
		</view>
		<view v-if="item.isguanzhu" class="icon iconfont icon-xuanze-yixuan"></view>
		<view v-else class="icon iconfont icon-zengjia1"></view>
	</view>
</template>

<script>
	import tagSexAge from '../../components/common/tag-sex-age.vue';
	export default {
		props:{
			item: Object,
			index: Number
		},
		components:{
			tagSexAge
		}
	}
</script>

<style scoped lang="scss">
	.list {
		width: 100%;
		box-sizing: border-box;
		padding: 20upx;
		border-bottom: 1upx solid #eee;
		> image {
			width: 100upx;
			height: 100upx;
			border-radius: 100%;
			margin-right: 20upx;
			flex-shrink: 0;
		}
		> view {
			&:first-of-type {
				flex: 1;
				font-size: 38upx;
				.tagsex {
					display: inline-block;
				}
			}
			&:last-of-type {
				width: 80upx;
				text-align: right;
				font-size: 46upx;
				color: #ccc;
			}
		}
		.icon-zengjia1 {
			color: #f8791b !important;
		}
	}
</style>
